<!DOCTYPE html>
<html>
<head>
<title>Course Repeat Request</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href  = "css/bootstrap.min.css" rel ="stylesheet">
	<link href  = "css/bootstrap.min.css" rel ="stylesheet">
	<link rel="stylesheet" type="text/css" href="styles/tasks4.css" media="screen"/>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	
	<script src="js/bootstrap.js"></script>
	<A NAME="top">
	


<script>

function checkRepeat(id){

var URL = "courserepeatedit.html?id=" + id

window.location.replace(URL);

}

function checkSpecial(id){

var URL = "specialpermissionedit.html?id=" + id

window.location.replace(URL);

}

function checkSub(id){

var URL = "coursesubedit.html?id=" + id

window.location.replace(URL);

}
function checkTrans(id){

var URL = "transcriptedit.html?id=" + id

window.location.replace(URL);

}




$(document).ready( function() {
		
  	
	 
	
	var studid ='1';
	var c = document.cookie;

	$.ajax({ 
		url: "http://localhost:8080/formswebapp/resources/user/" + c,
		type: "GET",
		dataType: "text",
		contentType: "application/x-www-form-urlencoded",
		
		
		success: function(result,status,jqxhr) {
			
			var array = JSON.parse(result);
			var stud = array[0];
			/**var output ="<b>" + "Last name: " + stud.lastName + " First name: " + stud.firstName + " Middle name: " + stud.middleName
			+ "<br>" + "Student ID: " + stud.id + " Telephone number: " + stud.telephone 
			+ "<br>" + "Local address: " + stud.streetAddress
			+ "<br>" + "City: " + stud.city + " State: " + stud.state + " Zip code: " + stud.zip
			+ "<br>" + "Major: " + stud.major + " Minor: " + stud.minor + "Catalog Year: " + stud.catalogYear;**/
			studid = stud.id;
			//$("#studentinfo").html(output);
			$("#firstName").append(stud.firstName);
			$("#lastName").append(stud.lastName);
			$('#middleName').append(stud.middleName);
			$('#id').append(stud.id);
			$('#telephone').append(stud.telephone);
			$('#streetAddress').append(stud.streetAddress);
			$('#city').append(stud.city);
			$('#state').append(stud.state);
			$('#zip').append(stud.zip);
			$('#major').append(stud.major);
			$('#minor').append(stud.minor);
		},
		error: function(xhr, status, errorThrown) {
			$("#studentinfo").html("Error:" + xhr.status + " " + xhr.statusText);
		}
	});
	
	var theData = "studid="+studid;
	
	$.ajax({ 
		url: "http://localhost:8080/formswebapp/resources/courseRepeatForm/courseRepeat",
		type: "POST",
		dataType: "text",
		contentType: "application/x-www-form-urlencoded",
		data: theData,
		
		success: function(result,status,jqxhr) {
			
			var array1 = JSON.parse(result);
			var output;
			for(var i=0; i<array1.length; i++){
				output += "<tr><td>"+array1[i].status+"</td><td>"+array1[i].formId+"</td><td>Course Repeat</td><td><button onclick=checkRepeat("+ array1[i].formId +")>Check this Form</button></td></tr>"
			}	
			$("#tbl").append(output);
		},
		error: function(xhr, status, errorThrown) {
			$("#tbl").append("<tr><td>Error:" + xhr.status + " " + xhr.statusText+"</td><td></td><td></td></tr>");
		}
	});

	$.ajax({ 
		url: "http://localhost:8080/formswebapp/resources/specialpermission/specForm",
		type: "POST",
		dataType: "text",
		contentType: "application/x-www-form-urlencoded",
		data: theData,
		
		success: function(result,status,jqxhr) {
			
			var array1 = JSON.parse(result);
			var output;
			for(var i=0; i<array1.length; i++){
				output += "<tr><td>"+array1[i].status+"</td><td>"+array1[i].formId+"</td><td>Special Permission</td><td><button onclick=checkSpecial("+ array1[i].formId +")>Check this Form</button></td></tr>"
			}	
			$("#tbl").append(output);
		},
		error: function(xhr, status, errorThrown) {
			$("#tbl").append("<tr><td>Error:" + xhr.status + " " + xhr.statusText+"</td><td></td><td></td></tr>");
		}
	});
	$.ajax({ 
		url: "http://localhost:8080/formswebapp/resources/transcriptForm/transForm",
		type: "POST",
		dataType: "text",
		contentType: "application/x-www-form-urlencoded",
		data: theData,
		
		success: function(result,status,jqxhr) {
			
			var array1 = JSON.parse(result);
			var output;
			for(var i=0; i<array1.length; i++){
				output += "<tr><td>"+array1[i].status+"</td><td>"+array1[i].formId+"</td><td>Transcript Request</td><td><button onclick=checkTrans("+ array1[i].formId +")>Check this Form</button></td></tr>"
			}	
			$("#tbl").append(output);
		},
		error: function(xhr, status, errorThrown) {
			$("#tbl").append("<tr><td>Error:" + xhr.status + " " + xhr.statusText+"</td><td></td><td></td></tr>");
		}
	});
	$.ajax({ 
		url: "http://localhost:8080/formswebapp/resources/courseSubForm/subForm",
		type: "POST",
		dataType: "text",
		contentType: "application/x-www-form-urlencoded",
		data: theData,
		
		success: function(result,status,jqxhr) {
			
			var array1 = JSON.parse(result);
			var output;
			for(var i=0; i<array1.length; i++){
				output += "<tr><td>"+array1[i].status+"</td><td>"+array1[i].formId+"</td><td>Substitute Course</td><td><button onclick=checkSub("+ array1[i].formId +")>Check this Form</button></td></tr>"
			}	
			$("#tbl").append(output);
		},
		error: function(xhr, status, errorThrown) {
			$("#tbl").append("<tr><td>Error:" + xhr.status + " " + xhr.statusText+"</td><td></td><td></td></tr>");
		}
	});

	
	$("#btnTest").click(function() {
	
	$.ajax({
				url: "http://localhost:8080/formswebapp/resources/ws1/test1",
				type: "GET",
				dataType: "text",
							
				
				success: function(result, status, jqxhr) {
					//alert("success: " + status);
				
					alert(result);

			
				},
				error: function(xhr, status, errorThrown) {
					//alert("error: " + status + " e: " + errorThrown);
				}

			});
	
	});
	
	
	 $("#btnLogout").click(function() {
			alert("clicked");
			var c = document.cookie;
			var theData = c;

			document.cookie = "token=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
			
			//alert("Sending: " + theData);
			$.ajax({
				url: "http://localhost:8080/formswebapp/resources/authsession/" + c,
				type: "DELETE",
				dataType: "text",
				data: theData,
				
				
				
				success: function(result, status, jqxhr) {
					//alert("success: " + status);
					var userArray = JSON.parse(result);
					//alert(userArray);
					var output = "<h3>Log Out</h3>";
					window.location.replace("login.html")

				 $('.HiddenInput').val(output);
				},
				error: function(xhr, status, errorThrown) {
					//alert("error: " + status + " e: " + errorThrown);
				}

			});
		});
		
	});
</script>

      
           
       


</head>
<body>
	<button type="button" id="btnTest">TEST ME</button>
	<!--Header-->
	<div class = "navbar navbar-inverse navbar-static-top">
		<div class="container">
			<div class = "navbar-header">
				<div class="tut-container-img">
						<img class="img-responsive" src="cculogo.png" alt=""></a>
					</div>
				<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
				</button><!--Create button for mobile site-->
			</div>
			<div class = "collapse navbar-collapse navHeaderCollapse">
				<ul class = "nav navbar-nav navbar-right">
					<li><a href = "user.html">Home</a></li>
					
					<li class = "dropdown">
						<a href = "#" class = "dropdown-toggle" data-toggle ="dropdown">All Forms<b class="caret"></b></a>
						<ul class = "dropdown-menu">
							<li><a href = "courserepeat.html">Course Repeat Form</a></li>
							<li><a href = "coursesub.html">Course Substitution Form</a></li>
							<li><a href = "transcript.html"> Transcript Form</a></li>
							<li><a href = "specialpermission.html"> Special Permission Form</a></li>
						</ul>
					</li>
					
					<li class = "dropdown">
						<a href = "#" class = "dropdown-toggle" data-toggle ="dropdown">Social Media <b class="caret"></b></a>
						<ul class = "dropdown-menu">
							<li><a href = "http://twitter.com">Twitter</a></li>
							<li><a href = "http://facebook.com">Facebook</a></li>
							<li><a href = "https://plus.google.com/">Google+</a></li>
							<li><a href = "http://instagram.com">Instagram</a></li>
						</ul>
					</li>
					<li><a href = "#about" data-toggle ="modal">About</a></li>
					<li><a href = "#contact" data-toggle ="modal">Contact</a></li>
					<li>
						<a class="navbar-brand" href="setting.html">
							<i class="glyphicon glyphicon-cog"></i>
						</a>
					</li>
					<li>
						<button type="button" id="btnLogout" class="btn btn-default navbar-btn">Logout</button>
					</li>
					<li>
						<form class="navbar-form" role="search">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
							<div class="input-group-btn">
								<button class="btn btn-default" type="search"><i class="glyphicon glyphicon-search"></i></button>
							</div>
						</div>
						</form>
						
					</li>

				</ul>
			</div>	
		</div>
	</div>		
	
	<div class = "container">
		<div class = "row">
			<div class = "col-lg-9">
				<div class ="panel panel-default">
					<div class ="panel-body">
					<p></p>
					<h3><b>Student Information</b></h3>
					<hr>
					<div=class="container">
						<div class = "column">
							<div class = "col-xs-6 col-md-4">
								<div id="firstName"><b>First Name:</b>&nbsp </div>	
								<div id="lastName"><b>Last Name:</b>&nbsp</div>
								<div id="middleName"><b>Middle Name:</b>&nbsp</div>	
								<div id="id"><b>Id:</b>&nbsp</div>
								<div id="telephone"><b>Telephone:</b>&nbsp</div>	
							</div>
							<div class = "col-xs-6 col-md-4">
								<div id="streetAddress"><b>Street Address:</b>&nbsp</div>
								<div id="city"><b>City:</b>&nbsp</div>	
								<div id="state"><b>State:</b>&nbsp</div>
								<div id="zip"><b>Zip:</b>&nbsp</div>	
								<div id="major"><b>Major:</b>&nbsp</div>
								<div id="minor"><b>Minor:</b>&nbsp</div>	
								<div id="catalogYear"><b>Catalog:</b>&nbsp</div>
							</div>
						</div>			
					</div>	
				</div>
			</div>
			<div class = "col-lg-3">
				<div class="list-group">
					<a href ="#" class ="list-group-item">
						<p class= "list-group-item-text">
						<img src="img/chant.jpg">
						
						</p>
					</a>
				</div>
			</div>
		</div>	
	</div>
	
	<hr>
	</div>
	<table border="1" id="tbl" class="table table-hover">
	<tr>
		<td>Status</td>
		<td>Form ID</td>
		<td>Form Type</td>
	</tr>
	</table>
	
	<div class = "modal fade" id = "contact" role = "dialog">
			<div class = "modal-dialog">
				<div class = "modal-content">
					<form class = "form-horizontal">
						<div class = "modal-header">
							<h4>Contact Support</h4>
						</div>
						<div class = "modal-body">
							
							<div class ="form-group">
								<label for ="contact-name" class = "col-lg-2 control-label">Name:</label>
								<div class="col-lg-10">
									<input type ="text" class ="form-control" id ="contact-name" placeholder="Full Name">
								</div>
							</div>
						
							<div class ="form-group">
									<label for ="contact-email" class = "col-lg-2 control-label">Email:</label>
									<div class="col-lg-10">
										<input type ="email" class ="form-control" id ="contact-name" placeholder="you@example.com">
									</div>	
							</div>
							
							<div class ="form-group">
									<label for ="contact-message" class = "col-lg-2 control-label">Message:</label>
									<div class="col-lg-10">
										<textarea  class="form-control" rows =10"></textarea>
									</div>
							</div>
							
							
							
							<div class = "modal-footer">
								<a class = "btn btn-default" data-dismiss = "modal">Close</a>
								<button class ="btn btn-primary" type="submit">Submit</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		
		<div class = "modal fade" id = "about" role = "dialog">
			<div class = "modal-dialog">
				<div class = "modal-content">
					<form class = "form-horizontal">
						<div class = "modal-header">
							<h4>About</h4>
						</div>
						<div class = "modal-body">
							<div class ="form-group">
								<p> CSCI490</p>
								<p> Richard </p>
								<p> Hubert</p>
								<p> Ryan </p>
								<p> raroman@coastal.edu</p>
							</div>
							<div class = "modal-footer">
								<a class = "btn btn-default" data-dismiss = "modal">Close</a>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	<div id= "btt">	
	<A HREF="#top" class="btn btn-default">Back To Top</A>
	</div>
	
	
	<!--Footer-->
	<div class = "navbar navbar-inverse navbar-fixed-bottom">
		<div>
			<p class = "navbar-text pull-right">2014 Coastal Carolina University | P.O. Box 261954, Conway, SC 29528-6054 USA | +1 843-347-3161</p>
		</div>
	</div>
	
</body>
</html>
